<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
    <script type="text/javascript" src="/home_sharing_system/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/home_sharing_system/fg.menu.js"></script>
    
    <link type="text/css" href="/home_sharing_system/fg.menu.css" media="screen" rel="stylesheet" />
    <link type="text/css" href="/home_sharing_system/theme/ui.all.css" media="screen" rel="stylesheet" />
<!-- 인클루드 되므로 보여질 부분만 넣는다. -->
<!-- styles for this example page only -->
	<style type="text/css">
	#menu { font-size:62.5%; margin:0; padding:0; }
	#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
	</style>
	
	<!-- style exceptions for IE 6 -->
	<!--[if IE 6]>
	<style type="text/css">
		.fg-menu-ipod .fg-menu li { width: 95%; }
		.fg-menu-ipod .ui-widget-content { border:0; }
	</style>
	<![endif]-->	
    
    <script type="text/javascript">    
    $(function(){
    	// BUTTONS
    	$('.fg-button').hover(
    		function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
    		function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
    	);
    	
    	// MENUS    	
		$('#flat').menu({ 
			content: $('#flat').next().html(), // grab content from this page
			showSpeed: 400 
		});
		
		$('#hierarchy').menu({
			content: $('#hierarchy').next().html(),
			crumbDefaultText: ' '
		});
		
		$('#hierarchybreadcrumb').menu({
			content: $('#hierarchybreadcrumb').next().html(),
			backLink: false
		});
		
		// or from an external source
		$.get('menuContent.html', function(data){ // grab content from another page
			$('#flyout').menu({ content: data, flyOut: true });
		});
    });
    </script>

<a href="mainPage.do"><img src="/home_sharing_system/img/logo.png" width="100" height="50"></a>
<c:choose>
	<c:when test="${sessionScope.login_info == null }">
		<a href="register_form.do">회원가입</a> 
		<a href="login_form.do">로그인</a>
	</c:when>
	<c:otherwise>
 		welcome! ${sessionScope.login_info.first_name } ${sessionScope.login_info.last_name}
 		<a tabindex="0" href="#search-engines" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat"><span class="ui-icon ui-icon-triangle-1-s"></span>Menu</a>
		<div id="search-engines" class="hidden">
		<ul>
			<li><a  href="owner_menu.do">주인장 메뉴</a></li>
	 		<li><a  href="customer_menu.do">여행객 메뉴</a></li>
	 		<li><a  href="roominput.do">객실등록하기</a> </li>
	 		<li><a   href="logout.do">로그아웃</a></li>
		</ul>
		</div>
 	</c:otherwise>
 </c:choose>



 <img src="/home_sharing_system/img/messege.png" width="60" height="50">



